<!--
 * @Author: dfh
 * @Date: 2024-10-17 16:52:20
 * @LastEditors: dfh
 * @Modified By: dfh
 * @describe: 
-->
<template>
  <div>
    <h1>Dishboard page</h1>
    <!-- 两种方式使用：1.字体图标 2.外链 -->
    <SvgIcon
      icon-name="ant-design:alipay-circle-filled"
      custom-class="text-blue-500 w-80px h-80px"
      @click="handleClick"
    />
    <SvgIcon
      icon-name="https://api.iconify.design/ant-design:alipay-circle-filled.svg"
      custom-class="text-yellow-500"
      @click="handleClick"
    />
  </div>
</template>
<script setup lang="ts">
  const { proxy } = getCurrentInstance()!;
  const handleClick = () => {
    proxy!.$message("您有一条消息");
  };
</script>
